<?php
/**
* Template Name: Collection Template
*/
get_header(); ?>

<div id="content">
	<!-- #content_left-## -->
	<div id="content_left">
		<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
			<div id="post-<?php the_ID(); ?>" <?php post_class('post'); ?>>

				<article>
					<h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
					<?php edit_post_link('<small>Edit this entry</small>','',''); ?>
					<?php if ( has_post_thumbnail() ) { /* loades the post's featured thumbnail, requires Wordpress 3.0+ */ echo '<div class="featured-thumbnail">'; the_post_thumbnail(); echo '</div>'; } ?>
					<div class="post-content">
						<?php the_content(); ?>
						<?php wp_link_pages('before=<div class="pagination">&after=</div>'); ?>
					</div><!--.post-content-->
				</article>

				<?php /* If a user fills out their bio info, it's included here */ ?>


			</div><!-- #post-## -->	
	
		<div id="links">
			<ul id="link">
				<li><a href="#">Base Layer</a></li>
				<li><a href="#">Mid Layer</a></li>
				<li><a href="#">Outer Layer</a></li>
				<li><a href="#">Accessories</a></li>
			</ul>
		</div>
		
		<div id="categories">
			<ul id="category">
				<li><a href="?page_id=9">Collection overview</a></li>
				<li><a href="#">Technical Information</a></li>
			</ul>
		</div>
		
		<div id="search_bottom">
			<?php get_search_form(); /* outputs the default Wordpress search form */ ?>
		</div>
	<!-- #content_left-## -->
	</div>


	<div id="content_right">
		<div id="list_all">
			<div class="list">
				<div class="list_img">
					<img src="<?php bloginfo('stylesheet_directory');?>/images/cloth1.png" alt="" />
				</div>
				<div class="list_title">
					softshell<br/>
					sara
				</div>
				<div class="list_content">
					Sed expelia volenet ratendi tatur? Nosapitatur aut qui consequi.
				</div>
			</div>
			
			<div class="list">
				<div class="list_img">
					<img src="<?php bloginfo('stylesheet_directory');?>/images/cloth2.png" alt="" />
				</div>
				<div class="list_title">
					softshell<br/>
					sara
				</div>
				<div class="list_content">
					Sed expelia volenet ratendi tatur? Nosapitatur aut qui consequi.
				</div>
			</div>
			
			<div class="list">
				<div class="list_img">
					<img src="<?php bloginfo('stylesheet_directory');?>/images/cloth3.png" alt="" />
				</div>
				<div class="list_title">
					softshell<br/>
					sara
				</div>
				<div class="list_content">
					Sed expelia volenet ratendi tatur? Nosapitatur aut qui consequi.
				</div>
			</div>
			
			<div class="list">
				<div class="list_img">
					<img src="<?php bloginfo('stylesheet_directory');?>/images/cloth4.png" alt="" />
				</div>
				<div class="list_title">
					softshell<br/>
					sara
				</div>
				<div class="list_content">
					Sed expelia volenet ratendi tatur? Nosapitatur aut qui consequi.
				</div>
			</div>
			
		</div>
	</div>


	<?php endwhile; ?>
</div><!--#content-->
<?php get_footer(); ?>
